<template>
  <box-with-border>
    <div class="text-gray-400">QC映像(过去7天)</div>
    <div class="grid grid-cols-3 text-left h-full justify-between gap-3">
      <div class="flex flex-col">
        <div class="whitespace-nowrap">被浏览</div>
        <el-tag>320</el-tag>
      </div>
      <div class="flex flex-col">
        <div class="whitespace-nowrap">提问</div>
        <el-tag>3</el-tag>
      </div>
      <div class="flex flex-col">
        <div class="whitespace-nowrap">解答</div>
        <el-tag>5</el-tag>
      </div>
      <div class="flex flex-col">
        <div class="whitespace-nowrap">声望</div>
        <el-tag>+3</el-tag>
      </div>


    </div>
  </box-with-border>
</template>

<script lang="ts" setup>
import BoxWithBorder from "@/components/BoxWithBorder.vue";
</script>

<style scoped>

</style>
